//注入gulp依赖
var gulp = require('gulp');
var sass = require('gulp-sass');
var browser = require('browser-sync');
var useref = require('gulp-useref');
//创建任务
gulp.task('mylog',function() {
    console.log('我的第一个任务完成了');
})
gulp.task('sass',function() {
    return gulp.src('app/scss/*.scss')
    .pipe(sass())
    .pipe(gulp.dest("app/css"))
    .pipe(browser.reload({stream:true}));
})
gulp.task('browser',function() {
    return browser({
        server:{
            baseDir:'app'
        }
    })
})
gulp.task('useref',function() {
    return gulp.src('app/*.html')
    .pipe(useref())//从html引入的js 进行拼接
    .pipe(gulp.dest('dist'))
})
// 用watch任务来监听文件的改变
gulp.task('watch',['sass','browser'],function() {
    gulp.watch('app/scss/*.scss',['sass']);
    gulp.watch('app/js/*.js',browser.reload);
    gulp.watch('app/*.html',browser.reload);
})
// 创建一个default任务
gulp.task('default',['browser','sass','watch']);